@charset "utf-8";
@import "public.css";

$c2:#ff3893;

.margin{
    width: 1100px;
    margin: 0 auto;
}

.iconn{
    background: url(../images/t18.png) no-repeat;
    display: block;
    height: 22px;
    position: absolute;
    top: 7px;
    width: 38px;
    z-index: 1;
}

#register{
    margin-top: 50px;
    background: url(../images/bg1.png) no-repeat left 90px;
    width: 965px;
    height: 680px;
    position: relative;
    .logo{
        margin-left: 20px;
    }
    .box{
        position: absolute;
        left: 610px;
        top: 92px;
        width: 304px;
        box-shadow: 0 0 4px rgba(0,0,0,.075);
        padding: 0 20px 20px 20px;
    }
    .one{
        margin-bottom: 80px;
        span{
            color: $c2;
            font: 20px/60px "";
        }
        i{
            font: 12px/60px "";
            color: $c2;
        }
        a{
            color: #666;
            font: 12px/60px "";
        }
        a:hover{
            color: $c2;
        }
        .log{
            float: left;
        }
        .lno{
            float: right;
        }
    }
    .two{
        .phone{
            height: 54px;
            .warm{
                top: -64px;
                display: none;
            }
        }
        .inp{
            position: relative;
            background-color: #FFF;
            border: 1px solid #CFCFCF;
            box-shadow: 0 0 2px 1px rgba(207,207,207,.4);
            height: 39px;
            .icon{
                background-position: -37px -10px;
                @extend .iconn;
            }
            .icon1{
                background-position: -37px -50px;
                @extend .iconn;
            }
            input{
                border: 0 none;
                color: #000;
                font-size: 14px;
                line-height: 1.5;
                overflow: hidden;
                padding: 8px 8px 8px 38px;
                position: relative;
                width: 256px;
            }
        }
        .confirm{
            a{
                display: block;
            }
            .icon1{
                background: url(../images/qq.png) no-repeat;
                height: 24px;
                position: absolute;
                left: 9px;
            }
            span{
                padding-left: 38px;
                font: 14px/40px "";
                color: #666;
            }
        }
        .mess{
            margin-top: 5px;
            height: 58px;
            .inp{
                margin-right: 10px;
                font-size: 12px;
                float: left;
                width: 146px;
                input{
                    overflow: hidden;
                    padding: 8px 8px 8px 10px;
                    width: 128px;
                    vertical-align: middle;
                }
            }
            a{
                float: left;
                background: linear-gradient(to bottom,#fcfcfc,#f2f2f2);
                border: 1px solid #d9d9d9;
                cursor: pointer;
                padding: 0 8px;
                line-height: 39px;
                height: 39px;
                font-weight: 700;
                color: #666;
                text-align: center;
                width: 128px;
            }
            .warm{
                height: 16px;
                clear: both;
                display: none;
                top: -62px;
            }
        }
        .warm{
            color: #E42626;
//          display: none;
            line-height: 18px;
            padding: 2px 0 2px 3px;
            border: 1px solid #ffbdbf;
            background: #ffebec;
            width: 299px;
            position: relative;
            z-index: 10;
            font-size: 12px;
            background: snow;
        }
        .pass{
            height: 56px;
            position: relative;
            .pas{
                position: relative;
            }
            p{
                position: absolute;
                top: -18px;
                border: 1px solid #ffbdbf;
                color: #666;
                padding: 0 6px;
                font: 12px/18px "";
                height: 19px;
                z-index: 2;
                margin-left: 5px;
                background: snow;
                display: none;
            }
            .ximg{
                position: absolute;
                top: 12px;
                left: 20px;
            }
        }
        .checks{
            height: 32px;
            padding-top: 10px;
            input{
                vertical-align: -2px;
            }
            .txt{
                color: #a9a9a9;
                font-size: 14px;
            }
            a{
                font-size: 14px;
                color: $c2;
            }
        }
        .btn{
            margin-top: 10px;
            .regbtn{
                background: $c2;
                border-radius: 2px;
                display: inline-block;
                padding: 5px 14px;
                font: 700 20px/30px "";
                color: #fff;
                width: 276px;
                text-align: center;
            }
        }
    }
    .ewm{
        width: 88px;
        height: 88px;
        top: 480px;
        position: absolute;
    }
}
.text{
    text-align: center;
    padding: 30px;
    font: 12px/22px "";
    color: #ccc;
}

